import React from 'react'

/**
 * this.setState() 修改 state 值
 * 
 * this.setState() 两个作用
 * 
 * ① 修改数据
 * ② 更新视图
 */

export default class App extends React.Component {
  constructor() {
    super()

    this.state = {
      name: '百里玄策',
      age: 3
    }

    // 在 constructor 中改变this指向
    this.handle = this.handle.bind(this)
  }

  handle() {
    this.setState({
      name: '亚瑟',
      age: this.state.age + 1
    })
  }

  render() {
    return (
      <div>
        <p>姓名： {this.state.name}，年龄：  {this.state.age}</p>
        <p>
          <button onClick={this.handle}>修改state值</button>
        </p>
      </div>
    )
  }
}
